<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>本地存储_cookie常见操作</title>
    <link rel="stylesheet" href="jquery/jquery.min.js">
</head>
<body>
    <button>读取本地cookie</button>
    <script>
        // 1.本地有多条cookie时，如何读取cookie,方法如下：
        document.querySelector('button').onclick = function() {
            var cookie = document.cookie;//写入cookie
            // 处理cookie的方法
            var cookiesArr = cookie.split(';');//将字符串cookie以;分割成含若干元素的数组
            var finalArr = [];//最终的数组
            for(var i=0; i<cookiesArr.length; i++){
                var obj = {};
                var tempArr = cookiesArr.trim().split('=');//trim()的作用是去掉分割后的元素的首尾空格
                obj[tempArr[0]] = tempArr[1];
                finalArr.push(obj);
            }
            //
            console.log(finalArr);
            console.log(JSON.parse(finalArr[2].userinfo));
        };

        // 2.当存储内容为非字符串的复杂结构时，如何处理cookie
        // var info = {
        //     pName:'frank',
        //     pAge: 18,
        //     pGender: 'male'
        // };
        // var cookieStr = JSON.stringify(info);
        // document.coolie = 'userinfo='+cookieStr+';expires='+expires;


        // (function() {
    	// 	var cookie = document.cookie;
    	// 	if(cookie.length != 0) {
        //         cookie.log('已经登录，不用再显示登录按钮');
        //     }

        //     //Ajax给后端发送请求
		// 	    var xhr = new XMLHttpRequest();//创建对象
    	// 		xhr.onreadystatechange = function() {
        //             if(xhr.readyState==4 && xhr.status==200) {
        //                 console.log(xhr.responseText);//打印后端的返回值
        //             }
        //          };
    	// 		var formData = new FormData();//FormData()用于将数据编译成键值对，以便用XMLHttpRequest来发送数据----主要用于发送表单数据，也可用于发送带键数据
    	// 		formData.append('uname','frank');//添加字段
        //         //formDate对象的字段类型可以时Blob,File,string  如果字段类型不是Blob,也不是File,就会被转成string
    
    	// 		xhr.open('post','lesson2_cookie(server).php',true);
    	// 	    xhr.send(formData);	
		// })();
    

    			


    </script>
</body>

</html>